<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
      <script src="./vue2.6.js"></script>
    <link
      rel="stylesheet"
      href="./elementui.css"
    />
    <link rel="stylesheet" href="./table.css">
    <!-- 引入组件库 -->
    <!-- <script src="https://unpkg.com/element-ui/lib/index.js"></script> -->
     <script src="elementui.js"></script>
  <script src="./demo.js"> </script>
  <!-- <script src="./demod.js"> </script> -->


  </head>
  <body>
    <div id="app">
      <el-button>按钮</el-button>
      <el-button type="primary">主要按钮</el-button>
      <el-button type="success">成功按钮</el-button>
      <el-button type="info">信息按钮</el-button>
      <el-button type="warning">警告按钮</el-button>
      <el-button type="danger">危险按钮</el-button>

      <el-date-picker ref="datePicker" v-model="value1" type="date" placeholder="选择日期">
      </el-date-picker>
    </div>

 
    <div class="table-container" style="height: 400px;">
        <table border height="100%" id="table" class=" reset-table  el-table--fit el-table--border el-table--scrollable-y el-table--enable-row-hover el-table--enable-row-transition">  
            <thead id="thead">
                <tr>
                    <th>姓名</th>
                    <th>年龄</th>
               </tr>
            </thead>
            <tbody id="tbody">
                <tr>
                    <td>张三</td>
                    <td>18</td>
                </tr>
            </tbody>
        </table>
    </div>
  </body>

  <script> 
   let vueinsatance = new Vue({
      el: '#app',
      data: {
        value1: ''
      }
    })

    vueinsatance.$nextTick(() => {
    // vueinsatance.$refs.datePicker.focus();
    })

    window.addEventListener('DOMContentLoaded',function(){
           let elee=document.querySelectorAll(".table-cell-item-td")[3];
           console.log(elee)
           elee.classList.add("active")
         elee.onclick=function(){
          console.log("sdafadsfad");
          vueinsatance.$refs.datePicker.focus();
          }
    }
  )


    
  </script>
    <script src="./table.js"></script>



</script>

</html>
